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METHOD OF INDICATING LOADING STATUS OF APPLICATION VIEWS, 
ELECTRONIC DEVICE AND COMPUTER PROGRAM PRODUCT 

BACKGROUND OF THE INVENTION: 

Field of the invention: 
5 The invention relates to a method of indicating loading status of ap- 

plication views in an electronic device, an electronic device, and to a computer 
program product for providing indicating loading status of application views in 
an electronic device. 

Description of the Related Art: 

10 The significance of different displays, for example, touch screens, is 

becoming more and more important in portable electronic devices. Portable 
devices are more and more used when loading application views, such as web 
page views, for example. Browsing on the Internet is an example of where the 
usability of a display is critical, it may take a long time to load web pages and 

15 this time cannot be pre-estimated by the user. Especially if the connection is 
slow, for example, when using a slow modem, a PDA (Personal Digital Assis- 
tant) device or a mobile phone, it is vital for the user to know that the requested 
loading function is being performed, that is, that the web page is being 
downloaded, and that the device is not halted. Further, different information 

20 relating to the loading function is important to the user. Information about the 
rate or speed of downloading, for example, and information on how much has 
been loaded and how much is still left to be downloaded would be useful to the 
user of the device. 

Further, the sizes of different portable electronic devices are limited, 

25 and therefore also the sizes of the displays used in such devices are usually 
far from corresponding displays used in personal computers. Due to the limited 
sizes of the displays, the users also need to scroll a lot when navigating on the 
Internet, for example. Small display sizes also lead to smaller fonts, which in 
turn leads to using zooming features of the devices. 

30 Because of the above-mentioned reasons, a need for an informa- 

tive, simple and space-saving solution for showing downloading status exists. 

SUMMARY OF THE INVENTION: 

According to an aspect of the invention, there is provided a method 

of indicating loading status of application views in an electronic device. The 
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method comprises providing a floatable control area for controlling given soft- 
ware functions of the electronic device, detecting a start of an application view 
loading function, indicating information relating to the application view loading 
function on the floatable control area when the application view loading func- 
5 tion is active, and displaying the loaded application view and ending the indica- 
tion of the information relating to the application view loading function on the 
floatable control area when the application view loading function ends. 

According to another aspect of the invention, there is provided an 
electronic device comprising a control unit for controlling functions of electronic 

10 device, a display for showing application views coupled to the control unit, and 
an input device for giving control commands coupled to the control unit. The 
control unit is configured to provide a floatable control area for controlling given 
software functions of the electronic device on the display, detect a start of an 
application view loading function, indicate information relating to the application 

15 view loading function on the floatable control area when the application view 
loading function is active, and when the application view loading function ends 
display the loaded application view and end the indication of the information 
relating to the application view loading function on the floatable control area. 

According to another embodiment of the invention, there is provided 

20 a computer program product encoding a computer process for indicating load- 
ing status of application views in an electronic device. The computer process 
comprises providing a floatable control area for controlling given software func- 
tions of the electronic device, detecting a start of an application view loading 
function, indicating information relating to the application view loading function 

25 on the floatable control area when the application view loading function is ac- 
tive, and when the application view loading function ends displaying the loaded 
application view and ending the indication of the information relating to the ap- 
plication view loading function on the floatable control area. 

According to an embodiment of the invention, there is provided an 

30 electronic device comprising controlling means for controlling functions of the 
user interface, displaying means for showing application views, and input 
means for giving control commands. The controlling means are further config- 
ured to provide a floatable control area for controlling given software functions 
of the electronic device on a display, detect a start of an application view load- 

35 ing function, indicate information relating to the application view loading func- 
tion on the floatable control area when the application view loading function is 
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active, and when the application view loading function ends, display the loaded 
application view and end the indication of the information relating to the appli- 
cation view loading function on the floatable control area. 

The embodiments of the invention provide several advantages. Dif- 
5 ferent functions of the device can be performed by using a single tool. The 
user can also customize the tool. Space is saved in the display of the device. A 
simple way of indicating information relating to an application view loading ^ 
function is achieved. Further, from the point of view of the user, the invention is 
quickly understandable and easy to learn and use. 

10 BRIEF DESCRIPTION OF THE DRAWINGS: 

In the following, the invention will be described in greater detail with 
reference to the preferred embodiments and the accompanying drawings, in 
which 

Figure 1 shows an example of an electronic device; 
15 Figures 2A and 2B illustrate examples of user interfaces of the in- 

vention, and 

Figure 3 shows an example of a method of indicating loading status 
of application views in an electronic device. 

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS: 

20 The embodiments of the invention are applicable to electronic de- 

vices, such as a mobile station used as a terminal in telecommunication sys- 
tems comprising one or more base stations and terminals communicating with 
the base stations, for example. The device may be used for short-range com- 
munication implemented with a Bluetooth chip, an infrared or WLAN connec- 

25 tion, for example. The electronic device is for example a portable telephone or 
another device including telecommunication means, such as a portable com- 
puter, a personal computer, a handheld computer or a smart telephone. The 
portable electronic device may be a PDA (Personal Digital Assistant) device 
including the necessary telecommunication means for establishing a network 

30 connection, or a PDA device that can be coupled to a mobile telephone, for 
instance, for a network connection. The portable electronic device may also be 
a computer or PDA device including no telecommunication means. 

Figure 1 shows a block diagram of the structure of an electronic de- 
vice. A control unit 100, typically implemented by means of a micro-processor 

35 and software or separate components, controls the basic functions of the de- 
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vice. A user interface of the device comprises an input device 104 and a dis- 
play 102, such as a touch screen implemented in manners known per se. In 
addition, the user interface of the device may include a loudspeaker and a 
keypad part. Depending on the type of the device, there may be different and a 
5 different number of user interface parts. The device of Figure 1 , such as a mo- 
bile station, also includes communication means 108 that implement the func- 
tions of a mobile station and include speech and channel coders, modulators 
and RF parts. The device may also comprise an antenna and a memory 106. 

The functions of the device are controlled by means of the input de- 

10 vice 104, such as a mouse, a hand-held locator operated by moving it on a 
surface. When using a mouse, for example, a sign or a symbol shows the loca- 
tion of a mouse cursor on the display 102 and often also the function running 
in the device, or its state. It is also possible that the display 102 itself is the in- 
put device 104 achieved by means of a touch screen such that the desired 

15 functions are selected by touching the desired objects visible on the display 
102. A touch on the display 102 may be carried out by means of a pen, a sty- 
lus or a finger, for example. The input device 104 can also be achieved by us- 
ing eye tracking means where detection of eye movements is used in interpret- 
ing certain control commands. 

20 The control unit 100 controls the functions of the user interface and 

is connected to the display 102 and configured to show different application 
views on the display 102. The control unit 100 receives control commands 
from the input device 104. The input device 104 is configured to give control 
commands for loading application views to be shown on the display 102. The 

25 application views may be views into different web pages downloaded from the 
Internet, views from any application programs run in the device or any other 
application views that may be shown on the display 102. The loaded applica- 
tion views may be navigated or browsed by scrolling the application view hori- 
zontally or vertically, zooming in to the application view to get a better view of 

30 the details of the application view or zooming out from the application view to 
get a more general view of the whole application view. 

The desired functions, such as loading or navigating, are first se- 
lected by means of the input device 104. Then, the control unit 100 interprets 
the detected selections, performs given software functions based thereon and, 

35 as a result of the performed software functions, displays a given application 
view on the display 104. 
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In an embodiment of the invention the control unit 100 is config- 
ured to provide a floatable control area for controlling given software functions 
of the electronic device on the display 102. The floatable control area may 
comprise control blocks for controlling given software functions. The control 
5 unit 100 detects selections of given control blocks indicated by the input device 
104. The selection may be detected on the basis of a touch on the display 102, 
for example. Alternatively, the selection may be detected by means of the input 
device 104, such as a mouse or a pen. The control blocks may be for navigat- 
ing in the application views shown on the display 102, for example. The control 
10 blocks may also be used for starting the application view loading function, for 
example. 

The control unit 100 detects a start of an application view loading 
function, and indicates information relating to the application view loading func- 
tion on the floatable control area when the application view loading function is 

15 in process. The information relating to the application view loading function 
may comprise information on the status and speed of the loading function. In 
an embodiment, the floatable control area turns into a combined download pro- 
gress indicator and a stop/cancel button, for example. Thus, the user may fol- 
low the progress of the loading function and cancel the loading function from 

20 the same floatable control area. The floatable control area may also comprise 
control blocks for navigating in the application views, for example. In an em- 
bodiment, the control blocks relating to functions other than loading application 
views may be hidden when the loading function is active. In an embodiment, 
as a result of the loading function, given data may be saved, for example, and 

25 the information relating to the loading function may thus be information about 
the progress of a saving function, for example. The user may have started to 
save a document, and then he/she may easily follow the advancing of the sav- 
ing function. 

When the application view loading function ends, the control unit 
30 1 00 is configured to display the loaded application view and end indicating, i.e. 
return to the default or previous state, the information relating to the application 
view loading function on the floatable control area. 

The control unit 100 continues to detect control commands indicated 
by the input device 102, and to detect selections of given control blocks. It is 
35 possible that the floatable control area is displayed automatically partly over 
the application view shown on the display 102 when a given application pro- 
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gram is opened. It is also possible that the floatable control area is opened 
separately by using an icon, a nnenu function or by tap-based activation. 

Let us next study embodiments of the invention by means of Figures 
2A and 2B. Figures 2A and 2B show displays 102 of an electronic device, such 
5 as a PDA device. 

A display 102 is divided into different areas, each area having spe- 
cific functions. Application views are shown in the largest areas 220A and 
220B, for example. There may be different bars 216, 218 for displaying differ- 
ent information or menus on the display 102. 

10 In Figure 2A, the floatable control area 200 is in the form of a circle. 

The floatable control areas 200A, 200B in Figure 2B are in the form of squares. 
The floatable control areas 200, 200A, 200B may also be of any other shape 
. than that of a circle or a square. The floatable control areas 200, 200A, 200B 
may comprise control blocks 202, 204, 206, 208, 210, 212, 214, 224 for con- 

15 trolling given software functions. 

In an embodiment, the floatable control area 200 is provided and 
shown in the display 102 when a start of an application view loading function 
has been detected. The floatable control area 200 indicates information relat- 
ing to the application view loading function when the application view loading 

20 function is active. In Figure 2A, the floatable control area 200 comprises a con- 
trol block 224 for interrupting the loading function. In an embodiment, the user 
may at any time interrupt the loading function by selecting the control block 
224, for example. The control block 224 for interrupting the loading function 
appears only when the loading function is active. In an embodiment, the infor- 

25 mation relating to the loading function may be shown anywhere in the floatable 
control area 200. In Figure 2A, an area 226 is for indicating information on the 
progressing of the loading function, for example. The progress of the loading 
function may be indicated, for example, by filling the area 226 as the loading 
function proceeds, starting from and ending to a line 222. for example. When 

30 the application view loading function ends, the loaded application view is dis- 
played and the indication of the information relating to the application view 
loading function on the floatable control area 200 is ended. 

In an embodiment, the floatable control area 200A may comprise 
different control blocks for controlling given software functions of the device. In 

35 Figure 2B, the control blocks 202 and 208 control horizontal scrolling of the 
application view and the control blocks 204 and 212 control vertical scrolling of 
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the application view. In this example, the control blocks 206 and 210 control 
zooming in and zooming out. It is possible that tapping a pen down on a given 
control block 202, 208 for scrolling results in scrolling to the desired direction 
by a single predetermined step. Holding the pen down on the control block 
5 202, 208 may repeat the functionality. Accordingly, tapping a pen down on a 
given control block 206, 210 for zooming results in changing the zoom level by 
a single predetermined step, and holding the pen down repeats the functional- 
ity. 

The number of control blocks 202, 204, 206, 208, 210, 212, 214 
10 may be different than in this example. There may also be control functions for 
the control blocks 202, 204, 206, 208, 210, 212, 214 other than those in these 
examples. All the control blocks that are needed in the device may reside in 
the same area, that is, in the floatable control area 200, 200A, 200B, for exam- 
ple. 

15 In an embodiment of the invention, the floatable control area 200A 

comprises a control block 214 for changing the location of the floatable control 
area 200A in the display 102. In Figure 2B, the control block 214 for changing 
the location of the floatable control area 200A is in the middle of the floatable 
control area 200A. The location of the floatable control area 200A may be 

20 changed for example by dragging and dropping the floatable control area 200A 
with the help of the control block 214. Tapping on the control block 214 and 
holding the pen down while dragging may move the floatable control area 
200A to a desired location. For example, in Figure 2B the location of the float- 
able control area 200A may be changed to a location of the floatable control 

25 area 200B. 

The appearance of the floatable control area 200, 200A, 200B may 
be set as desired. In the example of Figure 2B, the control blocks 202, 204, 
206, 208, 210, 212, 214 for different functions are marked with individual icons, 
such as arrows up and down for control blocks 212. 204 for vertical scrolling, 

30 arrows left and right for control blocks for horizontal scrolling 208, 202, magni- 
fiers for control blocks 210, 206 for zooming in or out, and crossed arrows for 
the control area 214. The control blocks 202, 204, 206, 208, 210, 212, 214 
may also be marked with appropriate colors, text, drawings or fill effects. It is 
also possible that no icons are used and only different colors are used to iden- 

35 tify the different functions of the control blocks 202, 204, 206, 208, 210, 212, 
214. For example, different function groups, such as scrolling, zooming and 
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moving, may have their own colors in addition to icons like arrows and magni- 
fiers. 

The floatable control area 200, 200A, 200B may also be set to ap- 
pear in a "ghost mode", meaning for example that all the icons are removed 
5 and only colours are used to indicate different control blocks. The whole float- 
able control area 200, 200A, 200B may be semi-transparent, that is, the con- 
tents below the floatable control area 200, 200A, 200B are visible. The level of 
transparency may also be adjusted. Thus, the floatable control area 200, 200A, 
2008 does not cover very much of the application view shown on the display 

10 102. It is also possible that no colors, arrows or magnifiers are shown such that 
only some or all outlines of the different control blocks 202, 204, 206, 208, 210, 
212, 214 are visible. As an example of the "ghost mode", Figure 28 shows the 
floatable control area 200B in a "ghost mode". The application view 2208 can 
be seen through the floatable control area 2008. 

15 The loaded application view 2208 may, for example, be a view to a 

web page on the Internet. The floatable control area 200 is displayed at least 
partly over the application view 2208. The location and size of the floatable 
control area 200A may be determined by using the user interface of the device, 
for example. It is possible that each time an application view is loaded the 

20 floatable control area 200A is displayed in a given location, for example, in the 
upper right corner of the display 104. It is also possible that the location may 
be changed at any time by using the control block 214. It is also possible that 
the changed location remains in the memory and the floatable control area 
200A is next displayed in that changed location. Pressing or touching the con- 

25 trol block 214 with a pen, for example, and moving the pen along the surface of 
the display 102 may result in changing the location of the floatable control area 
200A. The size of the floatable control area 200A may also be set appropri- 
ately, for example, according to the needs of individual users of the device. 
The user may choose between a large and a small floatable control area 200, 

30 200A, 2008. for example. 

In the example of Figure 28, the floatable control area 200A is pro- 
vided in the display 102. When the loading function is not active, the floatable 
control area 200A comprises the control blocks 202, 204. 206, 208, 210, 212 
and 214 shown on the display. The user, for example, wishes to load a given 

35 application view to a web page and starts a loading function. The loading func- 
tion may be started by giving an address to a web page, by selecting an ad- 
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dress from a list, from a menu or by choosing a link from another web page 
view. Once the control unit has detected the start of the loading function, the 
appearance of the floatable control area 200A changes looking like the float- 
able control area 200B. Thus, during the loading function, only the control 
5 block 224 for interrupting the loading function is shown in the floatable control 
area 200B, for example. It is possible to indicate different information relating 
to the loading function in the floatable control area 200B during the loading 
function. Such information may be the status and rate of the loading function. 
Also, information indicating that the loading function is really proceeding may 

10 be shown on the floatable control area 200B. Thus, the user may be aware of 
the progress of the loading function and even of how long he/she has to wait 
before the loading of a given application view is completed. 

When the application view loading function ends, the loaded appli- 
cation view is displayed on the display 102 and the indication of the information 

15 relating to the application view loading function on the floatable control area 
200B is ended. In an embodiment, the appearance of the floatable control area 
200B may change back to that of the floatable control area 200A comprising 
the different control blocks 202, 204, 206, 208. 210, 212, 214. Thus, the user 
may control the view of the loaded application view by using the control blocks 

20 202, 204, 206, 208, 210, 212, 214. In an embodiment, the appearance of the 
floatable control area 200B may also change to that of some other state. The 
other state may be an application dependent state. For example, game or mu- 
sic applications may have different kind of application dependent states. 

In an embodiment, also other control functions may be quickly se- 

25 lected by using the floatable control area 200, 200A, 200B. For example, 
pressing a secondary mouse button on a given control block 202, 204, 206, 
208, 210, 212, 214 may result in opening a selection list or a menu where dif- 
ferent control functions may be selected. If a touch screen or a pressure sensi- 
tive pen is used, holding a pen down on a control block 214 and holding the 

30 pen without moving may activate a given control function, such as opening of 
the selection list. The different topics on the selection lists or menus may be 
related to the floating control area 200, 200A, 200B. to the control blocks 202, 
204, 206, 208, 210, 212, 214, loading functions and different settings. All the 
settings and functions that are needed are easily reachable by using such se- 

35 lection lists. Examples of the control functions that may be included in the se- 
lection lists include toggling between a full screen and a normal view, hiding 
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the floatable control area 200, 200A, 200B, selecting the ghost mode, setting 
the size and appearance of the floatable control area 200, 200A, 200B, etc.. 
Selecting a given topic from the selection list results in performing the function 
in question and then closing the selection list, for example. Also, tapping out- 
5 side the selection list may cancel the action and close the selection list. 

Figure 3 shows an example of a method of indicating loading status 
of application views in an electronic device. 

The method starts is 300. In 302, a floatable control area is provided 
on the display. The floatable control area may be displayed at least partly over 

10 the application views shown on the display. The floatable control area may be 
displayed automatically when an application view is shown on the display, for 
example. It is also possible that the floatable control area is first shown as an 
icon on the display, is activated on the menu or tap based activation on screen, 
and is selected when needed. In 304, if a start of an application view loading 

15 function is detected, 306 is entered. If no start of the application loading func- 
tion is detected, the process remains in 302. 

In 306, information relating to the loading function is indicated on 
the floatable control area. In 308, if the end of the loading function is detected, 
310 is entered. The end of the loading function may be detected when the ap- 

20 plication view is loaded or when the loading function is interrupted. In 310, the 
indication of the information relating to the loading function is ended and the 
loaded application view may be shown on the display. If, in 312, an application 
dependent layout is detected, 314 is entered. In 314, the application view may 
be closed, or another application view or a layout may be opened, for example. 

25 If, in 312, no application dependent layout is detected, then 302 is re-entered 
where the floatable control area is provided on the display. 

Even though the invention has been described above with reference 
to the example according to the accompanying drawings, it is clear that the 
invention is not restricted thereto but can be modified in several ways within 

30 the scope of the appended claims. 
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